<template>
  <!-- :description="announcementContent" -->

  <el-alert
    v-if="showAnnouncement"
    closable
    :style="{
      backgroundColor: alertBgColor,
      color: alertTextColor
    }"
    @close="handleClose"
  >
    <img class="tips-img" src="../assets/images/tips.png" alt />
    这是一个自定义图标的提示信息
  </el-alert>
</template>

<script setup>
import { ref } from "vue";
import {
  Search,
  ChatDotSquare,
  Bell,
  Close,
  Refresh,
  ArrowRight
} from "@element-plus/icons-vue";
const showAnnouncement = ref(true);
const announcementContent = ref(
  "EROLABS工口實驗室玩家專屬！18+輕小说看到飽！Kado+日輕訂閱制免費７日暢讀！"
);
const alertBgColor = ref("#fff");
const handleClose = () => {
  showAnnouncement.value = false;
};
</script>

<style scoped>
.tips-img{
  width: 20px;
  position: relative;
  top: 3px;
}
</style>